<template>
<div class="biao">
<el-tabs type="border-card">
  <el-tab-pane label="商品详情">
 品牌名称：HP/惠普<br/>
产品参数：<br/>
<hr></hr>
    证书编号：2016010902853543<br/>
    证书状态：有效<br/>
    产品名称：便携式计算机
    3C规格型号：TPN-Q173（市场型号：HP Pavilion Notebook PC,HP Pavilion ...<br/>
    产品名称：HP/惠普 Spectre Laptop ...<br/>
<hr></hr>
    品牌: HP/惠普<br/>
    型号: Laptop 13<br/>
    屏幕尺寸: 13.3英寸<br/>
    CPU: 英特尔 酷睿 i5-8250U<br/>
    显卡类型: 集成显卡<br/>
    显存容量: 集成显卡<br/>
    机械硬盘容量: 0<br/>
    内存容量: 8GB<br/>


</el-tab-pane>
  <el-tab-pane label="规格参数">
<h4>存储</h4>
显存容量	 集成显卡<br/>
机械硬盘容量	 0<br/>
固态硬盘	 256GB<br/>
内存容量	 8GB<br/>
<hr></hr>
<h4>基本参数</h4>
厚度	 10.0mm(含)-15.0mm(不含)<br/>
品牌	 HP/惠普<br/>
系列	 Spectre<br/>
CPU	 英特尔 酷睿 i5-8250U<br/>
显卡类型	 集成显卡<br/>
颜色分类	 黑色 白色<br/>
<hr></hr>
<h4>显示</h4>
屏幕尺寸	 13.3英寸<br/>
分辨率	 1920x1080<br/>
是否触摸屏	 触摸屏<br/>


</el-tab-pane>
  <el-tab-pane label="累计评价">
<el-collapse v-model="activeName" accordion>
  
<el-collapse-item title="收到就迫不及待的打开了，很轻很薄，白色好适合女生啊，速度也很快，非常满意? Consistency" name="1">
    <div>颜色分类：白色套餐类型：标准套餐</div>
    <div>w***4（匿名）超级会员</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
  <el-collapse-item title="用了一段时间除了破音和电流声其他都还好 Feedback" name="2">
    <div>颜色分类：黑色 套餐类型：官方标配</div>
    <div>a***5（匿名）</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
  <el-collapse-item title="这么贵的笔记本送的那个包那么差塑料味太大了难闻，那个原厂皮套也太紧了吧说装进去还不如说是硬塞进去，其它的等用了再追评 Efficiency" name="3">
    <div>颜色分类：黑色套餐类型：标准套餐</div>
    <div>b***d（匿名）超级会员</div>
    <el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
  <el-collapse-item title="本子收到了，太漂亮了，而且非常好，开机速度极速，3秒开机结束，也非常薄，简直太棒了。 Controllability" name="4">
    <div>颜色分类：黑色套餐类型：官方标配</div>
    <div>f***q（匿名）</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
<el-collapse-item title="非常漂亮，惠普终于注重产品颜值了?，触摸屏很好用 Consistency" name="5">
    <div>颜色分类：黑色套餐类型：标准套餐</div>
    <div>张***5（匿名）超级会员</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
<el-collapse-item title="非常好！比想象的轻也薄，win10也强大，客服态度也好，问题都帮助解决了 Consistency" name="6">
    <div>颜色分类：土豪金套餐类型：套餐二</div>
    <div>d***n（匿名）超级会员</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
<el-collapse-item title="包装的特别好 外面还有一个超大盒子 本本很简约大气 刚开始用正在摸索中 送的鼠标和键盘膜很好 背光是白色 喜欢 整体挺满意的 Consistency" name="7">
    <div>颜色分类：黑色套餐类型：官方标配</div>
    <div>m***1（匿名）超级会员</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
<el-collapse-item title="鲁大师跑分还不错，不过怎么没有别人的高啊，心里有点小不平衡。电脑用起来还不错，各项性能都能满足推荐购买。 Consistency" name="8">
    <div>颜色分类：黑色套餐类型：发烧套餐二</div>
    <div>贺***运（匿名)</div>
<el-rate
    v-model="value2"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
  </el-rate>
  </el-collapse-item>
</el-collapse>

</el-tab-pane>
 
</el-tabs>
</div>

</template>
<script>
  export default {
    data() {
      return {
        activeName: '1'
      };
    }
  }
</script>
<style>

.el-tabs{height:600px;}
.biao{
height:600px;
	width:900px;
margin-left:600px;

}
</style>
